* {
    margin: 0;
    padding: 0;
}

body {
    overflow: hidden;
}

#index_web {
    width: 100%;
    height: 100vh;
    background: #000000;
    position: relative;
    //加载页
    .loading {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        .load_img {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 100%;
            pointer-events: none;
        }
        .wu_wenan {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 100%;
            pointer-events: none;
        }
        .btm_content {
            width: 100%;
            height: 100%;
            .con {
                position: absolute;
                left: 0;
                right: 0;
                margin: auto;
                bottom: 9vw;
                width: 55%;
                display: none;
            }
            .con6 {
                position: absolute;
                left: 0;
                right: 0;
                margin: auto;
                bottom: 9.3vw;
                width: 13%;
            }
            .con3 {
                width: 48%;
            }
            .con4 {
                width: 44%;
            }
            .con5 {
                width: 42%;
            }
        }
        //加载进度百分比
        .pregres {
            width: 100%;
            height: 10vh;
            position: absolute;
            bottom: 5vh;
            left: 0;
            right: 0;
            img {
                width: 8%;
                position: absolute;
                left: 0;
                right: 0;
                top: 1vh;
                bottom: 0;
                margin: auto;
            }
        }
    }
    .what {
        width: 100%;
        position: absolute;
        bottom: 5vh;
        left: 0;
        right: 0;
        img {
            width: 19%;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            animation: whatImg 1s infinite ease;
        }
    }
    //内容页
    .content {
        width: 100%;
        height: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        position: relative;
        .bg_img {
            height: 100%;
            position: relative;
        }
    }
}

.loadings {
    width: 100%;
    height: 100vh;
    background: lemonchiffon;
    color: black;
    font-size: 55px;
    text-align: center;
}

@keyframes whatImg {
    from {
        transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05) rotate(5deg);
    }
    to {
        transform: scale3d(1, 1, 1);
    }
}